/* -------------------------------------------------------------- /*
	$Colours
/* -------------------------------------------------------------- *

/* stylelint-disable selector-max-compound-selectors */
/* stylelint-disable selector-no-qualifying-type */

/*	colours and backgrounds for common.css */
html,
body {
	background-color: #f5f5f5;
	color: #47536b;
}

.wrap {
	background-color: #ffffff;
	border-color: #ededed;
}

h1 {
	color: #ffffff;
}

h2 {
	color: #29303d;
}

h3 {
	border-bottom-color: #dedede;
	color: #0059b3;
}

hr {
	border-color: #ffffff;
	border-top-color: #dedede;
}

/*	colours and backgrounds for links.css */
a {
	color: #0f4d8a;
}

a:hover {
	color: #d41142;
}

/* links on gradient backgrounds */
.forumbg .header a,
.forabg .header a,
th a {
	color: #ffffff;
}

.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
	color: #80bfff;
}

/* post body links */
.postlink {
	border-bottom-color: #2d80d2;
	color: #2d80d2;
}

.postlink:visited {
	border-bottom-color: #5380ac;
	color: #5380ac;
}

.postlink:hover {
	background-color: #d4e6f7;
	color: #164069;
}

.signature a,
.signature a:hover {
	background-color: transparent;
}

/* back to top of page */
.top i {
	color: #9e9e9e;
}

.to-top-button {
	background-color: #0f4d8a;
	opacity: 0.7;
}

.to-top-button a {
	color: #e6f7ff;
}

/* arrow links  */
.arrow-left:hover,
.arrow-right:hover {
	color: #2d80d2;
}

/* round cornered boxes and backgrounds */
.headerbar,
.headerbar h1 {
	color: #eaf8ff;
}

.headerbar,
.forumbg {
	background-color: #4688ce;
	background-repeat: repeat-x;
}

.forabg {
	background-color: #4688ce;
	background-repeat: repeat-x;
}

.navbar {
	background-color: #c9dee8;
}

.headerbar .navbar a {
	color: #eaf8ff;
}

.headerbar .navbar .dropdown a {
	color: #0f4d8a;
}

.header-profile {
	text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
}

.panel {
	background-color: #f0f3f5;
	color: #29303d;
}

.post:target .content {
	color: #000000;
}

.post h3 a.first-unread,
.post:target h3 a {
	color: #000000;
}

.bg1 {
	background-color: #edf4f7;
}

table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
	background-color: #edf4f7;
}

.bg2 {
	background-color: #dbe9f0;
}

table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
	background-color: #dbe9f0;
}

.bg3 {
	background-color: #c9dee8;
}

/* horizontal lists */
ul.navlinks {
	border-top-color: #ffffff;
}

/* table styles */
table.table1 thead th {
	color: #ffffff;
}

table.table1 tbody tr {
	border-color: #c9dee8;
}

table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #d4e6f7;
	color: #000000;
}

table.table1 td {
	color: #47536b;
}

table.table1 tbody td {
	border-top-color: #fafafa;
}

table.table1 tbody th {
	background-color: #ffffff;
	border-bottom-color: #000000;
	color: #212121;
}

table.info tbody th {
	color: #000000;
}

/* misc layout styles */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #47536b;
}

/* icon styles */
.icon.icon-blue, /* DEPRECATED 4.0 */
a:hover .icon.icon-blue, /* DEPRECATED 4.0 */
.read,
.c-unapproved-icon {
	color: #0059b3;
}

.icon.online, /* DEPRECATED 4.0 */
.c-online-icon {
	color: #85de39;
}

.icon.icon-green, /* DEPRECATED 4.0 */
a:hover .icon.icon-green, /* DEPRECATED 4.0 */
.c-topic-deleted-icon,
.c-approved-icon {
	color: #4db355;
}

.icon.icon-red, /* DEPRECATED 4.0 */
a:hover .icon.icon-red, /* DEPRECATED 4.0 */
.c-topic-reported-icon,
.c-topic-unread-icon,
.c-warning-icon {
	color: #d41142;
}

.icon.icon-orange, /* DEPRECATED 4.0 */
a:hover .icon.icon-orange, /* DEPRECATED 4.0 */
.c-forum-feed-icon {
	color: #ff9500;
}

.icon.icon-bluegray, /* DEPRECATED 4.0 */
a:hover .icon.icon-bluegray {
	color: #47536b;
}

.icon.icon-gray, /* DEPRECATED 4.0 */
a:hover .icon.icon-gray, /* DEPRECATED 4.0 */
.c-top-icon {
	color: #757575;
}

.icon.icon-lightgray, /* DEPRECATED 4.0 */
a:hover .icon.icon-lightgray, /* DEPRECATED 4.0 */
.c-last-post-icon,
.c-topic-icon,
.c-pagination-icon {
	color: #9e9e9e;
}

.icon.icon-black, /* DEPRECATED 4.0 */
a:hover .icon.icon-black, /* DEPRECATED 4.0 */
.c-return-arrow-icon {
	color: #212121;
}

.button:hover .c-pagination-icon {
	color: #ffffff;
}

.alert_close .icon:before, /* DEPRECATED 4.0 */
.alert_close .o-icon:before {
	background-color: #ffffff;
}

.row-item-link {
	background-color: #0059b3;
}

.row-item-link.unread {
	background-color: #d41142;
}

.c-forum-row-icon,
.c-forum-row-icon:hover {
	color: #ffffff;
}

/* brand icon colors */
.c-facebook-icon {
	color: #3b5998;
}

.c-twitter-icon {
	color: #000000;
}

.c-skype-icon {
	color: #00aff0;
}

.c-youtube-icon {
	color: #ff0000;
}

.c-colorless-icon {
	color: inherit;
}

.push-subscribe-toggle-icon.toggle-on {
	color: #0059b3;
}

.push-subscribe-toggle-icon.toggle-off {
	color: #9e9e9e;
}

/* jumpbox */
.jumpbox .dropdown li {
	border-top-color: #dedede;
}

.jumpbox-cat-link {
	background-color: #0077b3;
	border-top-color: #0077b3;
	color: #ffffff;
}

.jumpbox-cat-link:hover,
.jumpbox-cat-link:focus {
	background-color: #13a4ec;
	border-top-color: #13a4ec;
	color: #ffffff;
}

.jumpbox-forum-link {
	background-color: #dbe9f0;
}

.jumpbox-forum-link:hover {
	background-color: #fffbcc;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #dbe9f0 transparent;
}

.jumpbox-sub-link {
	background-color: #dbe9f0;
}

.jumpbox-sub-link:hover {
	background-color: #e6f7ff;
}

/* miscellaneous styles */
.copyright {
	color: #424242;
}

.error {
	color: #d41142;
}

.reported {
	background-color: #f7edf0;
}

li.reported:hover {
	background-color: #f0dbe0 !important;
}

.sticky,
.announce {
	/* you can add a background for stickies and announcements */
}

div.rules {
	background-color: #f0dbe0;
	color: #d41142;
}

p.post-notice {
	background-color: #f0dbe0;
	background-image: none;
}

/* colours and backgrounds for mentions.css */

/* mention dropdown */
.mention-container { /* mention-container */
	background-color: #ffffff;
	box-shadow:
		0 3px 1px -2px rgba(0, 0, 0, 0.2),
		0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mention-media {
	color: #757575;
}

.mention-item {
	border-bottom-color: #dddddd;
	color: #212121;
}

.mention-item:hover,
.mention-item.is-active {
	background-color: #eeeeee;
	color: #2d80d2;
}

.mention-item:hover .mention-media-avatar,
.mention-item.is-active .mention-media-avatar {
	color: #2d80d2;
}

.mention-rank {
	color: #757575;
}

/*	colours and backgrounds for content.css */
ul.forums {
	background-color: #d2e4ec;
}

ul.topiclist > li {
	color: #47536b;
}

ul.topiclist dd {
	border-left-color: #ffffff;
}

.rtl ul.topiclist dd {
	border-right-color: #ffffff;
	border-left-color: transparent;
}

li.row {
	border-top-color: #ffffff;
	border-bottom-color: #0077b3;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #cde9f5;
}

li.row:hover dd {
	border-left-color: #dedede;
}

.rtl li.row:hover dd {
	border-right-color: #dedede;
	border-left-color: transparent;
}

li.header dt,
li.header dd {
	color: #ffffff;
}

/* post body styles */
.postbody {
	color: #212121;
}

/* content container styles */
.content {
	color: #212121;
}

.content h2,
.panel h2 {
	border-bottom-color: #dedede;
	color: #0059b3;
}

dl.faq dt {
	color: #212121;
}

.posthilit {
	background-color: #f4becb;
	color: #d41142;
}

.announce,
.unreadpost {
	/* highlight the announcements & unread posts box */
}

/* post signature */
.signature {
	border-top-color: #dedede;
}

/* post noticies */
.notice {
	border-top-color: #dedede;
}

/*  bb code styles */

/* quote block */
blockquote {
	background-color: #f4f1d7;
	border-color: #f1efda;
}

blockquote blockquote {
	/* nested quotes */
	background-color: #f7f4d4;
}

blockquote blockquote blockquote {
	/* nested quotes */
	background-color: #f4f1d7;
}

/* code block */
.codebox {
	background-color: #ffffff;
	border-color: #c0d3dd;
}

.codebox p {
	border-bottom-color: #dedede;
}

.codebox code {
	color: #4db355;
}

/* attachments */
.attachbox {
	background-color: #ffffff;
	border-color: #c0d3dd;
}

.attachbox dd {
	border-top-color: #c0d3dd;
}

.attachbox p {
	color: #616161;
}

.attachbox p.stats {
	color: #616161;
}

.attach-image img {
	border-color: #9e9e9e;
}

/* inline image thumbnails */
dl.file dd {
	color: #616161;
}

dl.thumbnail img {
	background-color: #ffffff;
	border-color: #616161;
}

dl.thumbnail dd {
	color: #616161;
}

dl.thumbnail dt a:hover {
	background-color: #ededed;
}

dl.thumbnail dt a:hover img {
	border-color: #2d80d2;
}

/* post poll styles */
fieldset.polls dl {
	border-top-color: #c9dee8;
	color: #616161;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #ffffff;
}

.rtl .pollbar1,
.rtl .pollbar2,
.rtl .pollbar3,
.rtl .pollbar4,
.rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #b31a40;
	border-right-color: #821732;
	border-bottom-color: #821732;
}

.rtl .pollbar1 {
	border-left-color: #821732;
}

.pollbar2 {
	background-color: #cf1745;
	border-right-color: #9c1638;
	border-bottom-color: #9c1638;
}

.rtl .pollbar2 {
	border-left-color: #9c1638;
}

.pollbar3 {
	background-color: #ec1349;
	border-right-color: #cf1745;
	border-bottom-color: #cf1745;
}

.rtl .pollbar3 {
	border-left-color: #cf1745;
}

.pollbar4 {
	background-color: #f42559;
	border-right-color: #ec1349;
	border-bottom-color: #ec1349;
}

.rtl .pollbar4 {
	border-left-color: #ec1349;
}

.pollbar5 {
	background-color: #fa3869;
	border-right-color: #f42559;
	border-bottom-color: #f42559;
}

.rtl .pollbar5 {
	border-left-color: #f42559;
}

/* poster profile block */
.postprofile {
	border-color: #ffffff;
	color: #616161;
}

.pm .postprofile {
	border-color: #dedede;
}

.postprofile strong {
	color: #000000;
}

dd.profile-warnings {
	color: #d41142;
}

/* Show scrollbars for items with overflow on iOS devices */
.postbody .content::-webkit-scrollbar,
.topicreview::-webkit-scrollbar,
.post_details::-webkit-scrollbar,
.codebox code::-webkit-scrollbar,
.attachbox dd::-webkit-scrollbar,
.attach-image::-webkit-scrollbar,
.dropdown-extended ul::-webkit-scrollbar {
	background: rgba(0, 0, 0, 0.1);
}

.postbody .content::-webkit-scrollbar-thumb,
.topicreview::-webkit-scrollbar-thumb,
.post_details::-webkit-scrollbar-thumb,
.codebox code::-webkit-scrollbar-thumb,
.attachbox dd::-webkit-scrollbar-thumb,
.attach-image::-webkit-scrollbar-thumb,
.dropdown-extended ul::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.3);
}

/*	colours and backgrounds for buttons.css */
.button {
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
	background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	border-color: #bdbdbd;
	-webkit-box-shadow: 0 0 0 1px #ffffff inset;
	box-shadow: 0 0 0 1px #ffffff inset;
	color: #d41142;
}

.button:hover,
.button:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff));
	background-image: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);
	border-color: #0077b3;
	text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px -1px 0 rgba(189, 40, 77, 0.2);
	color: #d41142;
}

.button .icon,
.button-secondary,
.c-button-icon {
	color: #9e9e9e;
}

.button-form,
.button-form-bold {
	border-color: #757575;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #212121;
}

.button-form:hover,
.button-form-bold:hover {
	border-color: #d41142;
	text-shadow: none;
	color: #d41142;
}

.button-form:focus,
.button-form-bold:focus {
	border-color: #0077b3;
	text-shadow: none;
	color: #0077b3;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon,
.button:hover .c-button-icon {
	color: #0077b3;
}

.button-search:hover,
.button-search-end:hover {
	border-color: #bdbdbd;
}

.caret {
	border-color: #bdbdbd;
}

.contact-icons a {
	border-color: #dedede;
}

.contact-icons a:hover {
	background-color: #ededed;
}

/* pagination */
.pagination li a {
	background: #ededed;
	-webkit-filter: none;
	filter: none;
	border-color: #bdbdbd;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #9e9e9e;
}

.pagination li.ellipsis span {
	background: transparent;
	color: #000000;
}

.pagination li.active span {
	background: #2d80d2;
	border-color: #2d80d2;
	color: #ffffff;
}

.pagination li a:hover,
.pagination li a:hover .icon,
.pagination li a:hover .o-icon,
.pagination .dropdown-visible a.dropdown-trigger,
.nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #2d80d2;
	border-color: #2d80d2;
	text-shadow: none;
	color: #ffffff;
}

/* search box */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #bdbdbd;
}

.search-header {
	-webkit-box-shadow: 0 0 10px #0077b3;
	box-shadow: 0 0 10px #0077b3;
}

.search-results li:hover,
.search-results li.active {
	background-color: #cfe1f6;
}

/*  icon images */
.site_logo { background-image: url("./images/site_logo.svg"); }

.c-hero-logo-img g {
	fill: #eaf8ff;
}

/*	colours and backgrounds for cp.css */

/* main cp box */
.panel-container h3,
.panel-container hr,
.cp-menu hr {
	border-color: #c9dee8;
}

.panel-container .panel li.row {
	border-top-color: #fafafa;
	border-bottom-color: #c9dee8;
}

ul.cplist {
	border-top-color: #c9dee8;
}

.panel-container .panel li.header dd,
.panel-container .panel li.header dt {
	color: #000000;
}

.panel-container table.table1 thead th {
	border-bottom-color: #212121;
	color: #212121;
}

/* cp tabbed menu */
.tabs .tab > a {
	background: #c0d3dd;
	color: #47536b;
}

.tabs .tab > a:hover {
	background: #e6f7ff;
	color: #d41142;
}

/* responsive tabs */
.responsive-tab .responsive-tab-link:before {
	border-color: #47536b;
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #d41142;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #c9dee8;
	border-color: #c9dee8;
	color: #212121;
}

/* mini tabbed menu used in mcp */
.minitabs .tab > a {
	background-color: #dbe9f0;
}

.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #fafafa;
	color: #212121;
}

/*  ucp navigation menu */

/* link styles for the sub-section links */
.navigation a {
	background: #b5c6cf;
	color: #212121;
}

.rtl .navigation a {
	background: #afc5cf;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c0d3dd), to(#aab9c0));
	background-image: linear-gradient(to right, #c0d3dd 50%, #aab9c0 100%);
}

.navigation a:hover {
	background: #aab9c0;
	color: #d41142;
}

.navigation .active-subsection a {
	background: #fafafa;
	color: #d41142;
}

.navigation .active-subsection a:hover {
	color: #d41142;
}

/* preferences pane layout */
.panel-container h2 {
	color: #212121;
}

.panel-container .panel {
	background-color: #fafafa;
}

.cp-main .pm {
	background-color: #ffffff;
}

/* friends list */
.cp-mini {
	background-color: #edf4f7;
}

dl.mini dt {
	color: #47536b;
}

/*  pm styles */

/* pm message history */
.current {
	color: #000000 !important;
}

/* pm marking colours */
.pmlist li.pm_message_reported_colour,
.pm_message_reported_colour {
	border-right-color: #ec1349;
	border-left-color: #ec1349;
}

.pmlist li.pm_marked_colour,
.pm_marked_colour {
	border-color: #ff9500;
}

.pmlist li.pm_replied_colour,
.pm_replied_colour {
	border-color: #a3b8c2;
}

.pmlist li.pm_friend_colour,
.pm_friend_colour {
	border-color: #4582a1;
}

.pmlist li.pm_foe_colour,
.pm_foe_colour {
	border-color: #000000;
}

/* avatar gallery */
.gallery label {
	background: #ffffff;
	border-color: #dedede;
}

.gallery label:hover {
	background-color: #ededed;
}

/*	colours and backgrounds for forms.css */

/* general form styles */
select {
	background-color: #fafafa;
	border-color: #616161;
	color: #000000;
}

label {
	color: #47536b;
}

option.disabled-option {
	color: #7f7f7f;
}

/* definition list layout for forms */
dd label {
	color: #212121;
}

fieldset.fields1 {
	background-color: transparent;
}

/* hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* posting page styles */
.message-box textarea {
	color: #212121;
}

.message-box textarea.drag-n-drop {
	outline-color: rgba(97, 97, 97, 0.5);
}

.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(19, 164, 236, 0.5);
}

/* input field styles */
.inputbox {
	background-color: #ffffff;
	border-color: #bdbdbd;
	color: #212121;
}

.inputbox:-moz-placeholder,
.inputbox::-webkit-input-placeholder {
	color: #212121;
}

.inputbox:hover,
.inputbox:focus {
	border-color: #13a4ec;
}

.inputbox:focus:-moz-placeholder,
.inputbox:focus::-webkit-input-placeholder {
	color: transparent;
}

input.disabled {
	color: #616161;
}

/* jquery popups */
.phpbb_alert {
	background-color: #ffffff;
	border-color: #9e9e9e;
}

.darken {
	background-color: #000000;
}

/* stylelint-disable at-rule-no-vendor-prefix */

@-webkit-keyframes colors {
	0% {
		stroke: #4285f4;
	}

	25% {
		stroke: #de3e35;
	}

	50% {
		stroke: #f7c223;
	}

	75% {
		stroke: #1b9a59;
	}

	100% {
		stroke: #4285f4;
	}
}

/* stylelint-enable at-rule-no-vendor-prefix */


@keyframes colors {
	0% {
		stroke: #4285f4;
	}

	25% {
		stroke: #de3e35;
	}

	50% {
		stroke: #f7c223;
	}

	75% {
		stroke: #1b9a59;
	}

	100% {
		stroke: #4285f4;
	}
}

.dropdown-extended .dropdown-extended-item {
	border-top-color: #bdbdbd;
	color: #47536b;
}

.dropdown-extended .dropdown-extended-item:hover {
	background-color: #d4e6f7;
	color: #000000;
}

.dropdown-extended a.mark_read {
	background-color: #ffffff;
}

.dropdown-extended .header,
.dropdown-extended .footer {
	border-color: #bdbdbd;
	color: #000000;
}

.dropdown-extended .footer {
	border-top-width: 1px;
	border-top-style: solid;
}

.dropdown-extended .header {
	background-color: #e6f7ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
	background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
}

.dropdown .pointer {
	border-color: #bdbdbd transparent;
}

.dropdown .pointer-inner {
	border-color: #ffffff transparent;
}

.dropdown-extended-pointer .pointer-inner {
	border-color: #e6f7ff transparent;
}

.dropdown .dropdown-contents {
	background: #ffffff;
	border-color: #bdbdbd;
	-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-up .dropdown-contents {
	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

.dropdown li,
.dropdown li li {
	border-color: #dedede;
}

.dropdown li.separator {
	border-color: #dedede;
}

/* notifications */
.notification-time {
	color: #47536b;
}

.notification-reported strong,
.notification-disapproved strong {
	color: #d41142;
}

.badge {
	background-color: #d41142;
	color: #ffffff;
}

.dropdown-extended .webpush-subscribe {
	color: #536482;
}

.notification-subscribe-toggle {
	color: #47536b;
}
